<template>
    <div class="box">
        <div id="left_ech6" style="width: 95%;height:200px;"></div>
    </div>
</template>
<script>
export default {
    name:'header',
    data() {
        return {};
    },
    mounted() {
        this.right();
    },
    methods: {
        right() {
            let myChart = this.$echarts.init(document.getElementById("left_ech6"));
            myChart.setOption({
                title: {
                    text: "全部订单",
                    left: "left",
                    top: 10,
                    textStyle: {
                        color: "#4dd4f5",
                        fontSize: 14,
                        fontWeight: 400
                    }
                },
                series: [
                    {
                        name: "访问来源",
                        type: "pie",
                        selectedMode: "single",
                        
                        radius: [25, 40],
                        center: ["50%", "50%"],
                        color: ["#4466f4", "#f33155"],
                        labelLine: {
                        show: true
                        },
                        data: [
                        { value: 335, name: "未完成订单", selected: true },
                        { value: 679, name: "已完成订单" }
                        ]
                    }
                ]
            });
        },
    }
};
</script>
<style scoped>
.box{
    width: 100%;
    height: 200px;
    border-radius: 10px;
    border: 1px solid #019EFF;
}
</style>